/**

  滚动条样式

*/

$--scrollbar-thumb-background: var(--scrollbar-background-color) ;
$--scrollbar-track-background: transparent ;


::-webkit-scrollbar {
  z-index: 11;
  width: 8px;

  &:horizontal {
    height: 8px;
  }

  &-thumb {
    border-radius: 5px;
    width: 8px;
    background: $--scrollbar-thumb-background;
  }

  &-corner {
    background: $--scrollbar-track-background;
  }

  &-track {
    background: $--scrollbar-track-background;

    &-piece {
      background: $--scrollbar-track-background;
      width: 8px;
    }
  }
}



body[custom-theme='blue']{

  $--scrollbar-thumb-background: #b3c9eb ;
  $--scrollbar-track-background: transparent ;

  ::-webkit-scrollbar {
    z-index: 11;
    width: 8px;

    &:horizontal {
      height: 8px;
    }

    &-thumb {
      border-radius: 4px;
      width: 8px;
      background: $--scrollbar-thumb-background;
    }

    &-corner {
      background: $--scrollbar-track-background;
    }

    &-track {
      background: $--scrollbar-track-background;

      &-piece {
        background: $--scrollbar-track-background;
        width: 8px;
      }
    }
  }
}

